<template>
  <div class="work_order_material">
    <el-dialog
      customClass="mes_dialog"
      title="工序资源清单"
      width="60%"
      top="10%"
      v-dialogDrag
      :close-on-click-modal="false"
      :visible.sync="dialogTableVisible">
      <div class="table_container">
        <el-table
          border
          stripe
          :data="list"
          style="width: 100%">
          <el-table-column
            prop="sort"
            label="工序序号"
            show-overflow-tooltip
            align="center">
          </el-table-column>
          <el-table-column
            prop="resourceNumber"
            label="资源编号"
            align="center"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="resourceName"
            label="资源名称"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="resourceType"
            label="资源类型"
            align="center"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="workstageName"
            label="工序名称"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="workorderTecProcNumber"
            label="工艺规程编号"
            align="center"
            sortable="custom"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="quantity"
            label="数量"
            align="center"
            show-overflow-tooltip>
          </el-table-column>
          <el-table-column
            prop="remarks"
            :resizable="false"
            label="备注"
            align="left"
            show-overflow-tooltip>
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'workOrderResource',
  props: {
    list: {
      type: Array,
    }
  },
  data() {
    return {
      dialogTableVisible: false
    }
  }
}
</script>

<style scoped lang="less">

</style>
